@font-face {
 font-family:BSNRT;
 src:url(Fonts/44a0T5Z7KB1z9YMZ5eFt.otf) format('opentype');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:BSNRH;
 src:url(Fonts/uyJABx3pFLSuXMWNxyGD.otf) format('opentype');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:"Lato Regular";
 src:url(Fonts/Lato-Regular.woff) format('woff');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:"Lato Medium";
 src:url(Fonts/Lato-Medium.woff) format('woff');
 font-weight:400;
 font-style:normal
}
@font-face {
 font-family:"Lato Bold";
 src:url(Fonts/Lato-Bold.woff) format('woff');
 font-weight:400;
 font-style:normal
}
@keyframes spin {
 from {
  transform:scale(1) rotate(0)
 }
 to {
  transform:scale(1) rotate(360deg)
 }
}
@-webkit-keyframes spin2 {
 from {
  -webkit-transform:rotate(0)
 }
 to {
  -webkit-transform:rotate(360deg)
 }
}
.glyphicon.spinning {
 animation:spin 1s infinite linear;
 -webkit-animation:spin2 1s infinite linear
}
.navbar.navbar-bsu {
 margin-bottom:0;
 border-radius:0;
 border:none
}
.navbar-bsu {

}
.navbar-bsu>.container {
 padding-right:0
}
.navbar-bsu .navbar-brand {
 background-color:#7F2347;
 padding-top:12px;
 padding-left:27px;
 padding-right:26px;
 font-family:BSNRT,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
 color:#FFF
}
.navbar-bsu .navbar-brand:focus,.navbar-bsu .navbar-brand:hover {
/** color:#0098cd;**/
}
.navbar-bsu .navbar-text {
 font-family:"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}
.h1,.h2,.h3,.h4,.h5,.h6,.navbar-bsu .navbar-nav,.sitename,h1,h2,h3,h4,h5,h6 {
 font-family:"Lato Regular","Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}
.navbar-bsu .navbar-text>a {
 color:#ecf0f1
}
.navbar-bsu .navbar-text>a:focus,.navbar-bsu .navbar-text>a:hover {
 color:#f5cf47
}
.navbar-bsu .navbar-nav {
 background-color:#ffffff
}
.navbar-bsu .navbar-nav>li.navbar-admin {
 background-color:#1B232A
}
.navbar-bsu .navbar-nav>li.navbar-admin>a:focus,.navbar-bsu .navbar-nav>li.navbar-admin >a:hover {
 background-color:#323232;
 color:#ecf0f1
}
.navbar-bsu .navbar-nav>li>a {
 color:#666;
}
.navbar-bsu .navbar-nav>.active>a,.navbar-bsu .navbar-nav>.active>a:focus,.navbar-bsu .navbar-nav>.active>a:hover,.navbar-bsu .navbar-nav>.open>a,c.open>a:focus,.navbar-bsu .navbar-nav>.open>a:hover,.navbar-bsu .navbar-nav>li>a:focus,.navbar-bsu .navbar-nav>li>a:hover {
/** color: #0098CD;**/
 background-color: #eee;
}
.navbar-bsu .navbar-toggle {
 background-color:#314772;
 border-color:#2a3c60
}
.navbar-bsu .navbar-toggle:focus,.navbar-bsu .navbar-toggle:hover {
 background-color:#2a3c60
}
.navbar-bsu .navbar-toggle .icon-bar {
 background-color:#ecf0f1
}
.navbar-bsu .navbar-collapse,.navbar-bsu .navbar-form {
 border-color:#ecf0f1
}
#footer,body>.container {
 border-left:solid 1px #efefef;
 border-right:solid 1px #efefef
}
.navbar-bsu .navbar-link {
 color:#ecf0f1
}
.navbar-bsu .navbar-link:hover {
 color:#f5cf47
}
@media (max-width:767px) {
 .navbar-bsu>.container {
  padding-right:0
 }
 .navbar-bsu .navbar-collapse {
  background-color:#314772
 }
 .navbar-bsu .navbar-collapse .navbar-form {
  border-top:none;
  border-bottom:none
 }
 .navbar-bsu .navbar-text,.navbar-bsu .navbar-text>a {
  color:#ecf0f1
 }
 .navbar-bsu .navbar-text>a:focus,.navbar-bsu .navbar-text>a:hover {
  color:#f5cf47
 }
 .navbar-bsu .navbar-nav .open .dropdown-menu>li>a {
  color:#ecf0f1;
  background-color:#314772
 }
 .navbar-bsu .navbar-nav .open .dropdown-menu>li>a:focus,.navbar-bsu .navbar-nav .open .dropdown-menu>li>a:hover {
  color:#0098cd;
 }
 .navbar-bsu .navbar-nav .open .dropdown-menu>.active>a,.navbar-bsu .navbar-nav .open .dropdown-menu>.active>a:focus,.navbar-bsu .navbar-nav .open .dropdown-menu>.active>a:hover {
  color:#f5cf47;
  background-color:#2a3c60
 }
}
body {
 background:#ffffff
}
body>.container {
 background:#FFF;
 padding-left:25px;
 padding-right:25px
}
#content {
 min-height:600px
}
#footer {
 color:#fff;
 background-color:#313335;
 margin-top:1em;
 padding-top:1em;
 padding-bottom:1em
}
#footer .brand {
 font-family:BSNRT,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
 font-size:1.2em
}
.btn-sso .bathspa,.btn-sso .university,.jumbotron h1,.jumbotron h2 {
 font-family:BSNRH,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif
}
.logo {
 margin-bottom:20px
}
.login-header {
 padding:10px 0
}
.navbar-nav.navbar-header>li>a {
 padding-top:15px
}
.fixed-panel {
 min-height:6em;
 max-height:6em
}
.jumbotron {
 margin-top:2em
}
.jumbotron h1,.jumbotron h2 {
 margin:0
}
.btn:active {
 outline:0
}
.form-group.has-error .btn-group .btn {
 border-color:#a94442
}
.attendance-grid .panel {
 border-radius:0
}
.attendance-grid .panel.panel-default img {
 opacity:.5
}
.attendance-grid .panel.panel-warning img {
 opacity:.6
}
.attendance-grid .panel.panel-success {
 box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(150,150,150,.7)
}
.attendance-grid .list-group-item img {
 text-align:center
}
.bsu-sso-button {
 display:block;
 height:30px;
 width:157px;
 background:url(../Content/Images/LogoMini2.png) 10px no-repeat #22314e;
 font-family:'Lato Medium','Helvetica Neue',Arial,sans-serif;
 color:#fff;
 font-size:1.1em;
 padding:15px 20px 0 0;
 border-radius:10px;
 text-transform:uppercase;
 text-align:right;
 box-sizing:content-box;
 font-weight:400;
 line-height:1em
}
.sso-form .bsu-sso-button {
 float:left
}
.bsu-sso-button:hover {
 color:#fff;
 text-decoration:none;
 box-shadow:0 0 3px #22314e
}
.sso-button-suffix {
 float:left;
 display:block;
 padding:10px 0 0 10px;
 font-size:1.2em
}
@media (max-width:978px) {
 .fixed-panel {
  min-height:inherit;
  max-height:none
 }
}
.ui-dialog .ui-resizable-se {
 background-position:-83px -227px;
 right:3px;
 bottom:3px
}

.MasterHeader .container {
 border-bottom: 1px solid #ccc;
}

.portal-password {
 width:150px;
}

/* Override styles for WCAG compliance */
#content a {
	color: #1874a4 !important;
}

#errorMsg {
       color: #000000 !important;
}

@media only screen and (min-width:1001px){
      #OptionNavPanel li {
            padding-right:14px;
            display: inline;
      }
} 